<template>
    <div class="error-page-wrapper">
        <head-date/>
        <div class="error-404">
            <div class="big">404</div>
            <div class="msg">
                页面找不到了&nbsp;&nbsp;&nbsp;
                <el-button @click="back" style="font-size: 20px;" type="text">返回首页</el-button>
            </div>
            
        </div>
    </div>
</template>

<script>
import headDate from './header/headDate.vue'

export default {
    name: 'errorPage',
    data: function() {	
        return {}
    },
    components: {
        headDate,
    },
    methods: {
        back() {
            this.$router.push('/')
        }
    }
}
</script>

<style lang="scss">
.error-page-wrapper{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    .error-404{
        // text-align: center;
        padding: 100px 0 0 100px;
        .big{
            color: #315FAC;
            font-size: 220px;
            float: left;
        }
        .msg{
            padding: 100px;
            float: left;
            font-size: 30px;
        }
        
    }
}
</style>